<template>
	<view class="content">
		<uni-drawer :visible="ifDrawerShow">
		    <view style="padding:30rpx;">
		        <view class="uni-title" @tap="goPage(1)">登录页 一</view>
		        <view class="uni-title" @tap="goPage(2)">登录页 二</view>
		        <view class="uni-title" @tap="goPage(3)">登录页 三</view>
		        <view class="uni-title" @tap="goPage(4)">登录页 四</view>
		        <view class="uni-title" @tap="goPage(5)">登录页 五</view>
		        <view class="uni-title" @tap="goPage(6)">登录页 六</view>
		        <view class="uni-title" @tap="goPage(7)">登录页 七</view>
		        <view class="uni-title" @tap="goPage(8)">登录页 八</view>
		        <view class="uni-title" @tap="goPage(9)">登录页 九</view>
		        <view class="uni-title" @tap="goPage(10)">登录页 十</view>
		    </view>
		</uni-drawer>
		<!--  登录页 1 -->
		<view class="login">
			<view class="login-scissors">
				<image src="../../static/images/scissors.png" mode=""></image>
			</view>
			<view class="login-title">
				<view class="login-input">
					<input
					class="input"
					type="text" 
					value="" 
					placeholder="E-mail"
					placeholder-style="color:#FFFFFF; text-align: center;"
					/>
				</view>
				<view class="login-input">
					<input
					class="input"
					type="text" 
					value="" 
					placeholder="Username"
					placeholder-style="color:#FFFFFF; text-align: center;"
					/>
				</view>
				<view class="login-input">
					<input 
					class="input"
					type="text" 
					password="true"
					value=""
					placeholder="Password"
					placeholder-style="color:#FFFFFF; text-align: center;"
					/>
				</view>
			</view>
			<view class="registr">
				<view class="registr-title">
					REGISTRATION
				</view>
				<text class="registr-icon text-white cuIcon-right"></text>
			</view>
			<view class="log">
				LOG IN
			</view>
			
			
		</view>
		<!-- ifShow -->
		<view class="Btn">
			<text 
			class="text-white"
			:class="ifDrawerShow ? 'cuIcon-back' : 'cuIcon-right' "
			@tap="showDrawer"
			></text>
		</view>
	</view>
</template>

<script>
	import uniDrawer from '../../components/uni-drawer/uni-drawer.vue';
	export default {
		components:{
			uniDrawer,
		},
		data() {
			return {
				ifDrawerShow: false,
			}
		},
		onLoad() {

		},
		methods: {
			showDrawer(){
				this.ifDrawerShow = ! this.ifDrawerShow;
			},
			goPage(id){
				uni.navigateTo({
					url: '../login'+ id +'/login'+ id
				})
			}
		}
	}
</script>

<style>
	@import url("./index.css");
</style>

